<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$Think.config.cfg_webtitle}</title>
    <meta name="keywords" content="{$Think.config.cfg_keywords}" />
    <meta name="description" content="{$Think.config.cfg_description}"> 
    <!-- zui -->
    <link href="__PUBLIC__/zui/css/zui.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/public.css" rel="stylesheet">
	<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
  </head>
  <body>
      <!--[if lt IE 8]>
        <div class="alert alert-danger">您正在使用 <strong>过时的</strong> 浏览器. 是时候 <a href="http://browsehappy.com/">更换一个更好的浏览器</a> 来提升用户体验.</div>
    <![endif]-->
    <include file="Public:header" />
	<div class="container">
		<div data-ride="carousel" class="carousel slide" id="carousel-example-generic">
			<ol class="carousel-indicators">
              <li class="active" data-slide-to="0" data-target="#carousel-example-generic"></li>
              <li data-slide-to="1" data-target="#carousel-example-generic" class=""></li>
            </ol>
            <div class="carousel-inner">
              <div class="item active">
                <img src="__PUBLIC__/images/1.jpg" alt="First slide">
                <div class="carousel-caption">
                </div>
              </div>
              <div class="item">
                <img src="__PUBLIC__/images/2.jpg" alt="First slide">
                <div class="carousel-caption">
                </div>
              </div>
            </div>
            <a data-slide="prev" href="#carousel-example-generic" class="left carousel-control">
              <span class="icon-chevron-left"></span>
            </a>
            <a data-slide="next" href="#carousel-example-generic" class="right carousel-control">
              <span class="icon-chevron-right"></span>
            </a>
		</div>
	</div>

	<div class='clear'></div>
	<div class='cont'>
		<div class='js'>
			<h3>医院介绍<span class='more'><a href='{:U('/introduction')}'>更多>></a></span></h3>
            <p><img class='img-thumbnail' src='__PUBLIC__/images/yiyuan.jpg' width='200px'>{$pRow['description']}</p>
		</div>
		<div class='jl'>
			<h3>在线挂号记录</h3>
			<div id='scrollDiv'>
			<ul>
				<li>赵女士－挂号 联系电话：133.....786 <span class="label label-badge label-success">成功</span></li>
				<li>张女士－挂号 联系电话：133.....786 <span class="label label-badge label-warning">失败</span></li>
				<li>李先生－挂号 联系电话：133.....786 <span class="label label-badge label-info">未处理</span></li>
				<li>赵女士－挂号 联系电话：133.....786 <span class="label label-badge label-success">成功</span></li>
				<li>张女士－挂号 联系电话：133.....786 <span class="label label-badge label-warning">失败</span></li>
				<li>李先生－挂号 联系电话：133.....786 <span class="label label-badge label-info">未处理</span></li>
				<li>赵女士－挂号 联系电话：133.....786 <span class="label label-badge label-success">成功</span></li>
				<li>张女士－挂号 联系电话：133.....786 <span class="label label-badge label-warning">失败</span></li>
				<li>李先生－挂号 联系电话：133.....786 <span class="label label-badge label-info">未处理</span></li>

			</ul>
			</div>
		</div>
	</div>	
	<div class='clear'></div>
	<div class='zj'>
        <h3>专家推荐<span class='more'><a href='{:U('/zhuanjia')}'>更多>></a></span></h3>
		<ul>
            <foreach name='zData' item='vo'>
			<li>
            <a href='{:U('/zhuanjia/detail/',array('id'=>$vo['id']))}'><img src='{$vo['litpic']}' class='img-rounded' /></a>
            <span class='title'><a href='{:U('/zhuanjia/detail/',array('id'=>$vo['id']))}'>{$vo['name']}</a></span>
                <span class='work'>{$vo['occupation']}</span>
                <span class='ks'>科室: {$vo['department']}<span>
                <span class='desc'>{$vo['description']}</span>
				<span><a href="{:U('/zhuanjia/detail/',array('id'=>$vo['id']))}" class="btn btn-sm">介绍</a> <a href="{:U('/guahao/index/',array('zj_name'=>$vo['name']))}" class="btn btn-sm btn-primary">预约</a></span>
			</li>
            </foreach>
		</ul>	
	</div>

	<div class='clear'></div>
    <include file="Public:footer" />
    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <!-- ZUI Javascript组件 -->
    <script src="__PUBLIC__/zui/js/zui.min.js"></script>
  </body>
</html>
<script>
$(function(){
	$('.carousel').carousel();
    var myar = setInterval('AutoScroll("#scrollDiv")', 2000)
    $("#scrollDiv").hover(function() { clearInterval(myar); }, function() { myar = setInterval('AutoScroll("#scrollDiv")', 2000)});
})
function AutoScroll(obj) {
    $(obj).find("ul:first").animate({
            marginTop: "-25px"
    }, 500, function() {
            $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
    });
}
</script>
